import React, { Component } from 'react';
import { Row, Col } from 'antd'
import Header from './components/header'
import Footer from './components/footer'
import NavLeft from './components/navleft'
import Home from './pages/home'
import './assert/style/style.less'
import { Route} from 'react-router-dom'
import ButtonUi from './pages/ui/button'
import modales from './pages/ui/modales'
import Loading from './pages/ui/loading'
class App extends Component {
  constructor(props){
    super(props)
    console.log(props)
  }
  render() {
    return (
      <div className="App">
        <Row className="container">
          <Col span={4} className="nav-left">
            <NavLeft {...this.props}/>
          </Col>
          <Col span ={20} className="right-container">
            <Header></Header>
            <Row className="content">
              <Route path="/" exact component={Home}  {...this.props} ></Route>
              <Route path="/ui/button" component={ButtonUi} {...this.props}></Route>
              <Route path="/ui/modals" component={modales} {...this.props}></Route>
              <Route path="/ui/loadings" component={Loading} {...this.props}></Route>
            </Row>
            <Footer></Footer>
          </Col>
        </Row>
      </div>
    );
  }
}

export default App;
